<template>
  <div class="text">{{ testTitle }}</div>
  <div>{{text}}</div>
</template>

<script setup lang="ts">
import { computed, ref } from "vue";
import useStore from "@/store";

const { app } = useStore();
const testTitle = ref<string>("2222");
const text = computed(() =>  app.userName)

setTimeout(() => {
  app.setUserName('成功了吗')
}, 3000);
</script>

<style lang="scss" scoped>
.text {
  height: 88px;
  background: pink;
  font-size: 36px;
  text-align: center;
}
</style>